<template>
  <div>
    <van-nav-bar title="食品监督安全公示" fixed z-index="999" left-arrow @click-left="GOback" :border="false" />
    <!-- 食品监督 -->
    <section class="shop_status_container">
      <header class="shop_status_header">
        <span class="shop_detail_title">食品监督安全公示</span>
      </header>
      <section class="shop_statu_detail">
        <div>
          <van-icon name="smile" size="2rem" color="#7ed321" v-if="this.status ==='1'" />
          <img src="../DetailsShang/chaping.svg" alt="" class="van-icon-smile" v-if="this.status ==='0'" width="45px">
        </div>
        <div class="check_date">
          <p class="check_p">
            <span>监督检查结果：</span>
            <span class="shop_status_well" v-if="this.status ==='1'">良好</span>
            <span style="color:red;" v-if="this.status ==='0'">差</span>
          </p>
          <p>
            <span>检查日期：</span>
            <span></span>
          </p>
        </div>
      </section>
    </section>
    <!-- 工商登记信息 -->
    <section class="shop_status_info  shop_status_inf">
      <header>工商登记信息</header>
      <ul>
        <li>企业名称</li>
        <li>工商执照注册号</li>
        <li>注册资本</li>
        <li>注册地址</li>
        <li>属地监管所</li>
        <li>法定代表人</li>
        <li>经营范围</li>
      </ul>

    </section>
    <!-- 餐饮许可证 -->
    <section class="shop_status_info">
      <header>餐饮许可证</header>
      <ul>
        <li>营业范围</li>
        <li>许可证有效期</li>
        <li>许可证号</li>
        <li>发证时间</li>
      </ul>
    </section>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  data() {
    return {
      status: window.sessionStorage.getItem('status')
    }
  },
  computed: {
    ...mapState(['DetailsData'])
  },
  methods: {
    GOback() {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="less" scoped>
.shop_status_container {
  margin-top: 2.3rem;
}
.shop_status_info > ul {
  margin-left: 1rem;
  padding: 0.4rem 0;

  > li {
    margin-bottom: 0.4rem;
    font-size: 0.55rem;
    color: #333;
  }
}
.shop_status_inf {
  margin-bottom: 0.4rem;
}
</style>